
html, body{
  margin: 0;
  padding: 0;
  background-color: #fff;
  -webkit-text-size-adjust: none;
}
p {
  margin: 0;
  padding: 0;
}
ul, li{
  list-style: none;
}
a {
  text-decoration: none;
}

/* 154*/
.grapes-154 .news-title {
  display: block;
  word-wrap: break-word;
}

/* 155*/
.grapes-155 .news-content {
  display: block;
  text-align: justify;
  word-wrap: break-word;
}
.grapes-155 .news-content img {
  max-width: 100%;
  margin: auto;
  display: block;
}
.grapes-155 .news-content p:last-child {
  margin-bottom: 0;
}

/* 157*/
.grapes-157 .news-sub {
  display: block;
}
.grapes-157 .news-sub:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\200B";
  clear: both;
  height: 0;
}
.grapes-157 .news-sub .news-subspan {
  float: left;
}
.grapes-157 .news-sub .news-subspanright {
  float: right;
}

/* 156*/
.grapes-156 .news-content-show {
  display: block;
  text-align: center;
}

/* 163*/
.grapes-163 .list-title .title-contain {
  position: relative;
  border-bottom: 1px solid #ccc;
}
.grapes-163 .list-title .title-contain .title {
  position: absolute;
  border-bottom: 1px solid #ccc;
}
.grapes-163 .list-title .title-contain .more {
  position: absolute;
  right: 0;
}

/* 102*/
.grapes-102 .list-item .item-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.grapes-102 .list-item .item-contain .col-left {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.grapes-102 .list-item .item-contain .col-left .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.grapes-102 .list-item .item-contain .col-left .subplace {
  display: block;
}
.grapes-102 .list-item .item-contain .col-left .sub {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.grapes-102 .list-item .item-contain .col-left .sub .sub-left {
  float: left;
}
.grapes-102 .list-item .item-contain .col-left .sub .sub-right {
  float: right;
}
.grapes-102 .list-item .item-contain .col-right {
  overflow: hidden;
}
.grapes-102 .list-item .item-contain .col-right img {
  display: block;
  width: 100%;
}

/* 111*/
.grapes-111 .list-item .item-contain .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.grapes-111 .list-item .item-contain .piclist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.grapes-111 .list-item .item-contain .piclist .pic {
  overflow: hidden;
}
.grapes-111 .list-item .item-contain .piclist .pic img {
  display: block;
  width: 100%;
}
.grapes-111 .list-item .item-contain .sub {
  display: block;
}
.grapes-111 .list-item .item-contain .sub:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\200B";
  clear: both;
  height: 0;
}
.grapes-111 .list-item .item-contain .sub .sub-left {
  float: left;
}
.grapes-111 .list-item .item-contain .sub .sub-right {
  float: right;
}

/* 103*/
.grapes-103 .list-item .item-contain .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.grapes-103 .list-item .item-contain .pic {
  overflow: hidden;
}
.grapes-103 .list-item .item-contain .pic img {
  display: block;
  width: 100%;
}
.grapes-103 .list-item .item-contain .summary {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  text-overflow: ellipsis;
  word-wrap: break-word;
  text-align: justify;
  overflow: hidden;
}
.grapes-103 .list-item .item-contain .sub {
  display: block;
}
.grapes-103 .list-item .item-contain .sub:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\200B";
  clear: both;
  height: 0;
}
.grapes-103 .list-item .item-contain .sub .sub-left {
  float: left;
}
.grapes-103 .list-item .item-contain .sub .sub-right {
  float: right;
}

/* 149*/
.grapes-149 .comment-item .item-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grapes-149 .comment-item .item-contain .item-head .headpic {
  border-radius: 0;
  overflow: hidden;
}
.grapes-149 .comment-item .item-contain .item-head .headpic img {
  display: block;
  width: 100%;
}
.grapes-149 .comment-item .item-contain .item-main .headbar {
  position: relative;
  font-size: 0;
}
.grapes-149 .comment-item .item-contain .item-main .headbar .headname {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.grapes-149 .comment-item .item-contain .item-main .headbar .headsub {
  display: inline-block;
}
.grapes-149 .comment-item .item-contain .item-main .headbar .headrightsub {
  position: absolute;
  top: 0;
  right: 0;
}
.grapes-149 .comment-item .item-contain .item-main .headbar .headrightsub .sub-right {
  float: right;
}
.grapes-149 .comment-item .item-contain .item-main .content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 99;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.grapes-149 .comment-item .item-contain .item-main .sub {
  display: block;
}
.grapes-149 .comment-item .item-contain .item-main .sub:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\200B";
  clear: both;
  height: 0;
}
.grapes-149 .comment-item .item-contain .item-main .sub .sub-left {
  float: left;
}
.grapes-149 .comment-item .item-contain .item-main .sub .sub-right {
  float: right;
}
.grapes-149 .comment-item .item-contain .item-recontent .recontent {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.grapes-149 .comment-item .item-contain .item-recontent .recontent-more {
  display: block;
  text-align: center;
}
.grapes-149 .comment-item .item-contain .item-recontent .recontent-more:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\200B";
  clear: both;
  height: 0;
}
.grapes-149 .comment-item .item-contain .item-recontent .recontent-more .more-left {
  float: left;
}
.grapes-149 .comment-item .item-contain .item-recontent .recontent-more .more-right {
  float: right;
}

/* 146*/
.grapes-146 .detail-video .video-contain {
  position: relative;
  overflow: hidden;
}
.grapes-146 .detail-video .video-contain .play {
  position: absolute;
  top: 50%;
  left: 50%;
}
.grapes-146 .detail-video .video-contain .play .playbtn {
  margin: 0;
}
.grapes-146 .detail-video .video-contain .poster {
  text-align: center;
}

/* 305*/
.grapes-305 .news-contain {
  position: relative;
  overflow: hidden;
}
.grapes-305 .news-picture {
  display: block;
  text-align: center;
}
.grapes-305 .news-picture img {
  max-width: 100%;
}
.grapes-305 .news-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.3)));
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
  color: #fff;
}
.grapes-305 .news-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.grapes-305 .news-sub {
  display: block;
}
.grapes-305 .news-sub:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\200B";
  clear: both;
  height: 0;
}
.grapes-305 .news-sub .news-subspan {
  float: left;
}
.grapes-305 .news-sub .news-subspanright {
  float: right;
}

/* 127*/
.grapes-127 .list-title .title-contain:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\200B";
  clear: both;
  height: 0;
}
.grapes-127 .list-title .title-contain .icon {
  float: left;
  overflow: hidden;
}
.grapes-127 .list-title .title-contain .title {
  float: left;
}
.grapes-127 .list-title .title-contain .more {
  float: right;
}

/* 112*/
.grapes-112 .list-item .item-contain .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.grapes-112 .list-item .item-contain .summary {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  text-overflow: ellipsis;
  word-wrap: break-word;
  text-align: justify;
  overflow: hidden;
}
.grapes-112 .list-item .item-contain .sub {
  display: block;
}
.grapes-112 .list-item .item-contain .sub:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\200B";
  clear: both;
  height: 0;
}
.grapes-112 .list-item .item-contain .sub .sub-left {
  float: left;
}
.grapes-112 .list-item .item-contain .sub .sub-right {
  float: right;
}

/* 113*/
.grapes-113 .list-item .item-contain {
  position: relative;
}
.grapes-113 .list-item .item-contain .pic {
  overflow: hidden;
}
.grapes-113 .list-item .item-contain .pic img {
  display: block;
  width: 100%;
}
.grapes-113 .list-item .item-contain .tag {
  position: absolute;
  display: block;
}
.grapes-113 .list-item .item-contain .sub {
  display: block;
}
.grapes-113 .list-item .item-contain .sub:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\200B";
  clear: both;
  height: 0;
}
.grapes-113 .list-item .item-contain .sub .sub-left {
  float: left;
}
.grapes-113 .list-item .item-contain .sub .sub-right {
  float: right;
}

/* 119*/
.grapes-119 .list-item .item-contain .imgbar {
  position: relative;
  overflow: hidden;
}
.grapes-119 .list-item .item-contain .imgbar .playbtn {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
}
.grapes-119 .list-item .item-contain .imgbar .playbtn span {
  display: inline-block;
  margin-top: -0.23rem;
  width: 0.46rem;
  height: 0.46rem;
  background: url("") no-repeat center center;
  background-size: 100% auto;
}
.grapes-119 .list-item .item-contain .imgbar img {
  display: block;
  margin: auto;
}
.grapes-119 .list-item .item-contain .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}

/* 164*/
.grapes-164 .list-item .item-contain .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.grapes-164 .list-item .item-contain .imgbar {
  position: relative;
  overflow: hidden;
}
.grapes-164 .list-item .item-contain .imgbar .playbtn {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0.46rem;
  text-align: center;
}
.grapes-164 .list-item .item-contain .imgbar .playbtn span {
  display: inline-block;
  width: 0.46rem;
  height: 0.46rem;
  background: url("") no-repeat center center;
  background-size: 100% auto;
}
.grapes-164 .list-item .item-contain .imgbar img {
  display: block;
  margin: auto;
}
.grapes-164 .list-item .item-contain .sub {
  display: block;
}
.grapes-164 .list-item .item-contain .sub:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\200B";
  clear: both;
  height: 0;
}
.grapes-164 .list-item .item-contain .sub .sub-left {
  float: left;
}
.grapes-164 .list-item .item-contain .sub .sub-right {
  float: right;
}

/* 101*/
.grapes-101 .list-item .item-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.grapes-101 .list-item .item-contain .col-left {
  overflow: hidden;
}
.grapes-101 .list-item .item-contain .col-left img {
  display: block;
  width: 100%;
}
.grapes-101 .list-item .item-contain .col-right {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.grapes-101 .list-item .item-contain .col-right .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.grapes-101 .list-item .item-contain .col-right .subplace {
  display: block;
}
.grapes-101 .list-item .item-contain .col-right .sub {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.grapes-101 .list-item .item-contain .col-right .sub .sub-left {
  float: left;
}
.grapes-101 .list-item .item-contain .col-right .sub .sub-right {
  float: right;
}

/* 115*/
.grapes-115 .list-item .swiper-container {
  width: 9.68rem;
}
.grapes-115 .list-item .swiper-slide {
  position: relative;
  overflow: hidden;
}
.grapes-115 .list-item .swiper-slide:last-child {
  margin-right: 0.32rem;
}
.grapes-115 .list-item .pic {
  display: block;
  text-align: center;
}
.grapes-115 .list-item .pic img {
  display: block;
  max-width: 100%;
  margin: auto;
}
.grapes-115 .list-item .news-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.3)));
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
  color: #fff;
}
.grapes-115 .list-item .news-title {
  position: absolute;
  left: 0.267rem;
  bottom: 0.267rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

/* 114*/
.grapes-114 {
  margin: 0.427rem 0.373rem;
  border-radius: 0.053rem;
}
.grapes-114 .list-item .title-contain .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.grapes-114 .list-item .content-list .content {
  position: relative;
}
.grapes-114 .list-item .content-list .content .list-icon {
  position: absolute;
}
.grapes-114 .list-item .content-list .content .list-icon img {
  width: 0.187rem;
  height: 0.187rem;
}
.grapes-114 .list-item .content-list .content .list-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.grapes-114 .list-item .content-list .content .list-content .content:last-child {
  margin-bottom: 0;
}
